<form action="" method="post" enctype="multipart/form-data" id="frm_editor" class="vh_from">
    <h1 style="text-align: center;">{title_editor}</h1>

    <div class="vh_div_from">
        <span style="color: red;">{sms}</span>

        <div class="from_step_1">
            <div id="tabs">
                [OPEN htmlCat]
                [LOOP select_option]
                <option
                {selected} value="{com_value}">{com_text}</option>
                [/LOOP select_option]

                [LOOP tabs_title_ul]
                <ul>
                    {tabs_li}
                </ul>
                [/LOOP tabs_title_ul]

                [LOOP tabs_title]
                <li><a href="#tabs-{lang_id}">{lang_name}</a></li>
                [/LOOP tabs_title]

                [LOOP tabs_contents]
                <div id="tabs-{lang_id}">
                    <div class="line_row">
                        <span class="spanx">{art_name} :</span>
                        <span class="leng"><b id="Name_{lang_id}_leng">0</b>:65 {characters}</span>
                        <input onkeyup="count_leng('Name_{lang_id}')" id="Name_{lang_id}" name="Name[{lang_id}]"
                               type="text" value="{Name_{lang_id}}"/>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{art_p}:</span>
                        <span class="leng"><b id="DescF_{lang_id}_leng">0</b>:300 {characters}</span>
                        <textarea onkeyup="count_leng('DescF_{lang_id}')" class="small" id="DescF_{lang_id}"
                                  name="DescF[{lang_id}]">{DescF_{lang_id}}</textarea>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{art_full_contents}:</span>
                        <span class="leng"><b id="FullContents_{lang_id}_leng">0</b></span>
                        <textarea onkeyup="count_leng('FullContents_{lang_id}')" class="small"
                                  id="FullContents_{lang_id}"
                                  name="FullContents[{lang_id}]">{FullContents_{lang_id}}</textarea>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{art_alt_pic} :</span>
                        <span class="leng"><b id="AltPic_{lang_id}_leng">0</b>:65 {characters}</span>
                        <input onkeyup="count_leng('AltPic_{lang_id}')" id="AltPic_{lang_id}" name="AltPic[{lang_id}]"
                               type="text" value="{AltPic_{lang_id}}"/>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{art_locks}:</span>
                        <input id="Locks_{lang_id}" {checked_locks_{lang_id}} name="Locks[{lang_id}]" type="checkbox"
                        value="1"/>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{status} :</span>
                        <select id="Status_{lang_id}" name="Status[{lang_id}]">
                            <option
                            {selected_show_{lang_id}} value="show">{show}</option>
                            <option
                            {selected_hide_{lang_id}} value="hide">{hide}</option>
                            <option
                            {selected_del_{lang_id}} value="del">{del}</option>
                        </select>
                    </div>
                    <div class="line_row">
                        <span class="cut"></span>
                        <button type="button" onclick="create_seo({lang_id})">{but_create_seo}</button>
                    </div>

                    <div id="tabs_child_{lang_id}" class="tabs_child">
                        <ul>
                            <li><a href="#tabs_child_{lang_id}_1">{Seo_Meta}</a></li>
                            <li><a href="#tabs_child_{lang_id}_2">{Seo_Footer}</a></li>
                        </ul>

                        <div id="tabs_child_{lang_id}_1">
                            <div class="line_row">
                                <p><i>{content_seo_meta}</i></p>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{art_seo_url}:</span>
                                <span class="leng"><b id="SeoKey_{lang_id}_leng">0</b>:65 {characters}</span>
                                <input onkeyup="count_leng('SeoKey_{lang_id}')" id="SeoKey_{lang_id}"
                                       name="SeoKey[{lang_id}]" type="text" value="{SeoKey_{lang_id}}"/>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{art_title}:</span>
                                <span class="leng"><b id="Title_{lang_id}_leng">0</b>:65 {characters}</span>
                                <input onkeyup="count_leng('Title_{lang_id}')" id="Title_{lang_id}"
                                       name="Title[{lang_id}]" type="text" value="{xTitle_{lang_id}}"/>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{art_desc}:</span>
                                <span class="leng"><b id="Desc_{lang_id}_leng">0</b>:165 {characters}</span>
                                <textarea onkeyup="count_leng('Desc_{lang_id}')" class="small" id="Desc_{lang_id}"
                                          name="Desc[{lang_id}]">{Desc_{lang_id}}</textarea>
                            </div>

                            <div class="line_row">
                                <span class="spanx">{art_keyword}:</span>
                                <span class="leng"><b id="Keyword_{lang_id}_leng">0 </b> : 2 {words}</span>
                                <input onkeyup="count_leng_tu('Keyword_{lang_id}')" id="Keyword_{lang_id}"
                                       name="Keyword[{lang_id}]" type="text" value="{Keyword_{lang_id}}"/>
                            </div>
                        </div>

                        <div id="tabs_child_{lang_id}_2">
                            <div class="line_row">
                                <p><i>{content_seo_footer}</i></p>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{art_h1}:</span>
                                <span class="leng"><b id="TitleH1_{lang_id}_leng">0</b>:65 {characters}</span>
                                <input onkeyup="count_leng('TitleH1_{lang_id}')" id="TitleH1_{lang_id}"
                                       name="TitleH1[{lang_id}]" type="text" value="{TitleH1_{lang_id}}"/>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{art_h2}:</span>
                                <span class="leng"><b id="TitleH1_2_leng">0</b>:165 {characters}</span>
                                <textarea onkeyup="count_leng('TitleH2_{lang_id}')" class="small" id="TitleH2_{lang_id}"
                                          name="TitleH2[{lang_id}]">{TitleH2_{lang_id}}</textarea>
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">$(function () {
                        $("#tabs_child_{lang_id}").tabs();
                    });</script>

                </div>
                <!--Tab-{lang_id}-->
                <script type="text/javascript">
                    $(document).ready(function () {

                        CKEDITOR.replace('FullContents_{lang_id}',
                            {
                                customConfig:url_prefix + 'editor/ckeditor/config.js',
                                filebrowserBrowseUrl:url_prefix + 'editor/ckfinder/ckfinder.html?Type=Files',
                                filebrowserImageBrowseUrl:url_prefix + 'editor/ckfinder/ckfinder.html?Type=Images',
                                filebrowserFlashBrowseUrl:url_prefix + 'editor/ckfinder/ckfinder.html?Type=Flash',
                                filebrowserUploadUrl:url_prefix + 'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                                filebrowserImageUploadUrl:url_prefix + 'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                                filebrowserFlashUploadUrl:url_prefix + 'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                            });

                        CKEDITOR.replace('DescF_{lang_id}',
                            {
                                toolbar:'Base',
                                customConfig:url_prefix + 'editor/ckeditor/config.js'
                            });


                    });
                </script>
                [/LOOP tabs_contents]

                [CLOSE htmlCat]
            </div>
            <!--Tab-->

        </div>

        <div class="from_step_2">

            <div style="border:solid 1px #CCC; width:750px; margin:0px auto; padding:15px;">
                <div class="line_row">
                    <span class="cut">&raquo; {data_all}:</span>
                </div>
                <div class="line_row">
                    <span class="spanx">{art_pid}:</span>
                    <select id="CID" name="CID">
                        {option_cat}
                    </select>
                </div>
                <div class="line_row">
                    <span class="spanx">{art_order}:</span>
                    <input id="Order" name="Order" type="text" value="{val_order}"/>
                </div>
                <div class="line_row">
                    <span>{art_img}:</span>

                    <div><img id="id_img" style="display: block; margin-left: 5px;" width="100" height="80"
                              src="{file_Img}"/></div>
                    <div style="{dis_none_but}" id="id_img_but">
                        <button onclick="del_pic('{path_file_Img}','{artID}')" type="button">{del_img}</button>
                    </div>
                    <input style="{dis_none_input}" id="id_img_input" name="Img" type="file" value=""/>
                </div>
                <div class="line_row">
                    <span class="spanx">{art_article_hot}:</span>
                    <input id="ArticleHot" {checked_article_hot} name="ArticleHot" type="checkbox" value="1"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{art_index_follow}:</span>
                    <input id="NoIndexFollow" {checked_index_follow} name="NoIndexFollow" type="checkbox" value="1"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{art_post_date}:</span>
                    <input id="DatePost" name="DatePost" type="text" value="{val_post_date}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{art_active_date_post}:</span>
                    <input id="ActiveDatePost" {checked_active_post_date} name="ActiveDatePost" type="checkbox"
                    value="1"/>
                </div>
                <div class="but_bot_wrapper">
                    <div class="but_bot">
                        <div class="line_row"><button type="submit">{done}</button></div>
                        <div class="line_row"><button type="reset">{but_clear}</button></div>
                        <div class="line_row"><button type="button" onclick="parent.hs.close()">{but_close}</button></div>
                    </div>
                </div>


            </div>

        </div>
</form>
<br/>